<template>
  <svg
    t="1753159004151"
    class="comment-icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="22480"
    :width="size"
    :height="size"
  >
    <path
      d="M365.714286 512q0-30.285714-21.428572-51.714286T292.571429 438.857143t-51.714286 21.428571T219.428571 512t21.428572 51.714286T292.571429 585.142857t51.714285-21.428571T365.714286 512z m219.428571 0q0-30.285714-21.428571-51.714286T512 438.857143t-51.714286 21.428571T438.857143 512t21.428571 51.714286T512 585.142857t51.714286-21.428571T585.142857 512z m219.428572 0q0-30.285714-21.428572-51.714286T731.428571 438.857143t-51.714285 21.428571T658.285714 512t21.428572 51.714286 51.714285 21.428571 51.714286-21.428571T804.571429 512z m219.428571 0q0 99.428571-68.571429 183.714286t-186.285714 133.142857-257.142857 48.857143q-62.857143 0-120.571429-10.285715-98.857143 98.857143-248.571428 130.857143-29.714286 5.714286-49.142857 7.428572-6.857143 0.571429-12.571429-3.428572t-7.428571-10.285714q-2.285714-8.571429 11.428571-21.142857 2.857143-2.857143 13.428572-12.285714T113.142857 945.142857t13.428572-14.571428 13.714285-18 11.714286-21.142858 11.428571-27.428571 8.285715-32.857143T178.857143 789.714286q-83.428571-51.428571-131.142857-123.714286T0 512q0-99.428571 68.571429-183.714286t186.285714-133.142857T512 146.285714t257.142857 48.857143 186.285714 133.142857T1024 512z"
      p-id="22481"
      data-spm-anchor-id="a313x.search_index.0.i25.482b3a81ije4Nm"
      class="selected"
      :fill="color"
    ></path>
  </svg>
</template>

<script>
  export default {
    name: "CommentIcon",
    props: {
      size: {
        type: [Number, String],
        default: 30,
      },
      color: {
        type: String,
        default: "#ffffff",
      },
    },
  };
</script>

<style scoped>
  .music-icon {
    display: inline-block;
    vertical-align: middle;
  }
</style>
